<ol class="breadcrumb " style="margin-top:1.5em;">
  <li><a href="{:U('/home')}">Home</a>
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="250" data-close-others="true">{$current_genre.name|default="Pick Genre"}<b class="caret"></b></a>
    <ul class="dropdown-menu">
      <volist name="genre" id="it">
      <li><a tabindex="-1" href="{:U('genre/'.$it['name'])}">{$it.name}</a></li>
      </volist>
      <li class="divider"></li>
      <li><a tabindex="-1" href="{:U('/genre')}"><b>See All</b></a></li>
    </ul>
  </li>
</ol>
